body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1300px; background:#f4f5f7;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration: none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:100px; margin:0 auto; position:fixed; top:0; left:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; height:65px; margin-top:17.5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo img { display:block; height:100%;}

/*右侧*/
.header .search { float:right; width:30px; height:40px; margin-top:28px; position:relative; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .search i { display:block; width:30px; height:40px; background:url(../images/dq_01.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .search form { display:block; width:240px; height:40px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:40px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .search input { float:left; width:160px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .search .btn { width:60px; color:#263145; background:#fed009;}
.header .search.on { overflow:inherit;}
.header .search.on form { filter:alpha(opacity=100); opacity:1;}

/*导航*/
.header .nav { float:right; margin-top:28px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li { float:left; height:40px; line-height:38px; margin:0 10px; text-align:center; border-radius:20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li::after { display:block; content:""; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; top:20px; right:-10px;}
.header .nav li:last-child::after { display:none;}
.header .nav li a { display:block; font-size:18px; color:#fff; padding:0 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover,.header .nav .on { background:#fed009;}
.header .nav li:hover a,.header .nav .on a { color:#263145;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:100%; padding-top:10px; overflow:hidden; position:absolute; top:40px; left:0;}
.header .nav li ul::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:5px 7.5px 0 7.5px; border-color:#fed009 transparent transparent transparent; position:absolute; left:0; right:0; top:0;}
.header .nav li li { float:none; height:45px; line-height:45px; margin:0; border-radius:0; border-bottom:1px solid #eec309; background:#fed009;}
.header .nav li li::after { display:none;}
.header .nav li li a { font-size:16px; color:#fff; padding:0;}
.header .nav li li:hover { border-radius:0; background:#eec309;}

/*头部伸缩*/
.headerFix { height:60px; background:#263145; _position:absolute; top:expression((offsetParent.scrollTop)+0);}
.headerFix .logo { height:40px; margin-top:10px;}
.headerFix .search,.headerFix .nav { margin-top:12px;}
.headerFix .search,.headerFix .search i { height:35px;}
.headerFix .search form { top:48px;}
.headerFix .nav li::after { top:16px;}
.headerFix .nav li { height:35px; line-height:32px;}
.headerFix .nav li ul { padding-top:13px; top:35px;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .warp { height:170px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.banner .text { color:#fff; text-transform:Uppercase;}
.banner .text h1 { font-size:60px; line-height:90px; letter-spacing:10px;}
.banner .text p { font-size:36px; line-height:60px; letter-spacing:10px;}
.banner .text a { display:inline-block; width:130px; height:30px; line-height:30px; margin-top:40px; border-radius:15px; background:#fff url(../images/dq_02.png) no-repeat 75% center; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .text a:hover { box-shadow:0 5px 30px rgba(253,208,10,0.6); background-color:#fed009;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet {	width:8px; height:8px; margin:0 5px !important; border:1px solid #fff; border-radius:8px; opacity:1; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { width:13px; height:13px; background:none; top:2px;}
.banner .swiper-slide-active .text h1 { -webkit-animation:fade-right 1.0s forwards; animation:fade-right 1.0s forwards;}
.banner .swiper-slide-active .text p { -webkit-animation:fade-right 2.0s forwards; animation:fade-right 2.0s forwards;}
.banner .swiper-slide-active .text a { -webkit-animation:fade-right 3.0s forwards; animation:fade-right 3.0s forwards;}
@-webkit-keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}

/*二级banner*/
.banner_ej { width:100%; color:#fff; text-align:center; margin:0 auto; height:270px; padding-top:230px; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.banner_ej p { line-height:75px; font-size:50px; text-transform:Uppercase; letter-spacing:1px;}
.banner_ej h3 { font-weight:500; font-size:28px; letter-spacing:4px;}
@keyframes arrow { 
	%0,%100 { transform:translateY(10px); opacity:1;}
	50% { transform:translateY(-35px); opacity:.5;}
}
@-webkit-keyframes arrow { 
	%0,%100 { transform:translateY(10px); opacity:1;}
	50% { transform:translateY(-35px); opacity:.5;}
}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:16px; color:#92a2bb; padding-top:30px; background:#263145;}
.footer a { color:#92a2bb;}
.footer .lft { float:left; width:475px;}
.footer .lft .log { height:55px; margin-bottom:20px;}
.footer .lft .log img { display:block; height:100%;}
.footer .lft span { display:block; margin-left:48px;}
.footer .center { float:left; width:360px; padding:25px 50px; border-left:1px solid #2d394f; border-right:1px solid #2d394f;}
.footer .center a { width:80px; line-height:45px; font-size:16px; color:#fff; text-align:center; margin:0 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; filter:alpha(opacity=80); opacity:0.8;}
.footer .center a:hover { filter:alpha(opacity=100); opacity:1;}
.footer .img { float:right; width:110px; margin:25px 0 0 20px;}
.footer .img img { display:block; width:100px; height:100px; margin:0 auto; border:5px solid #fff; background:#fff; overflow:hidden;}
.footer .img p { line-height:40px; font-size:16px; color:#92a2bb; text-align:center; filter:alpha(opacity=80); opacity:0.8;}
.footer .copy { text-align:center; margin-top:10px; padding:15px 0; border-top:1px solid #2d394f;}
.footer .copy p { font-size:14px;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}
.footer .link { line-height:25px; font-size:14px; padding:10px 0; border-top:1px solid #2d394f;}
.footer .link a { margin-right:20px;}
.footer .link a:hover { color:#fff;}

/*右侧客服*/
.online { width:80px; height:80px; border-radius:50%; box-shadow:0 5px 15px rgba(253,208,10,0.5);  background:#fdd00a; position:fixed; right:22px; bottom:22px; z-index:999999;}
.online::before,.online::after,.online span::before,.online span::after { display:block; content:""; position:absolute;}
.online::before { width:12px; height:12px; border-radius:50%; background:#f10000; top:5px; right:7px; z-index:9;}
.online span { display:block; width:100%; height:80px; border-radius:50%; position:relative;}
.online span a { display:block; width:80px; height:80px; border-radius:50%; background:url(../images/online.png) no-repeat center center; position:relative; z-index:9;}
.online::after,.online span::before,.online span::after { width:80px; height:80px; margin:auto; border-radius:50%; background:rgba(253,208,10,0.3); top:0; right:0; bottom:0; left:0;}
.animated::after { z-index:1; animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards;}
.animated span::before { z-index:2; animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards;}
.animated span::after { z-index:3; animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards;}
.animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@keyframes scaleToggleOne {
	0 { transform:scale(1); -webkit-transform:scale(1);}
	50% { transform:scale(1.5); -webkit-transform:scale(1.5);}
	100% { transform:scale(1); -webkit-transform:scale(1);}
}
@keyframes scaleToggleTwo {
	0 { transform:scale(1); -webkit-transform:scale(1);}
	20% { transform:scale(1); -webkit-transform:scale(1);}
	60% { transform:scale(1.7); -webkit-transform:scale(1.7);}
	100% { transform:scale(1); -webkit-transform:scale(1);}
}
@keyframes scaleToggleThree {
	0 { transform:scale(1); -webkit-transform:scale(1);}
	33% { transform:scale(1); -webkit-transform:scale(1);}
	66% { transform:scale(1.7); -webkit-transform:scale(1.7);}
	100% { transform:scale(1); -webkit-transform:scale(1);}
}

/**栏目标题**/
.tits { width:100%; line-height:30px; text-align:center; margin:50px auto; position:relative;}
.tits h3 { font-size:30px; color:#263145; letter-spacing:2px; position:relative; z-index:2;}
.tits p { font-weight:bold; font-size:60px; color:#333; text-transform:Uppercase; margin:auto; filter:alpha(opacity=5); opacity:0.05; position:absolute; top:0; right:0; left:0;}

/**关于我们**/
.about { width:100%; height:790px; padding-top:10px; background:url(../images/dq_03.jpg) no-repeat center top; overflow:hidden;}
.about .lft { float:left; width:650px; position:relative; z-index:1;}
.about .lft .mumber { width:100%; margin-top:50px;}
.about .lft .mumber li { float:left; width:100px; margin-right:120px; position:relative;}
.about .lft .mumber li::after { display:block; content:""; width:1px; height:55px; background:#eee; position:absolute; right:-60px; top:10px;}
.about .lft .mumber li:last-child { margin-right:0;}
.about .lft .mumber li:last-child::after { display:none;}
.about .lft .mumber li h3 { font-size:30px; color:#263145;}
.about .lft .mumber li h3 sup { font-weight:500; font-size:12px; margin-left:5px;}
.about .lft .mumber li p { line-height:30px; font-size:12px; color:#999; text-align:center;}
.about .lft .msg { width:85%; line-height:40px; font-size:18px; color:#333; margin:70px 0;}
.about .lft .msg a { font-size:14px; color:#263145; margin-left:5px;}
.about .lft .lanmu { float:left; width:265px; height:150px; margin-right:5px; overflow:hidden; position:relative;}
.about .lft .lanmu a { display:block; width:265px; height:100px; color:#333; text-align:center; padding-top:50px; background:rgba(253,208,10,0.9); position:absolute; top:0; left:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .lanmu a h3 { line-height:35px; font-weight:500; font-size:20px; position:relative;}
.about .lft .lanmu a h3::before,.about .lft .lanmu a h3::after { display:block; content:""; width:20px; height:1px; filter:alpha(opacity=50); opacity:0.5; background:#333; position:absolute; bottom:0;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .lanmu a h3::before { left:15%;}
.about .lft .lanmu a h3::after { right:15%;}
.about .lft .lanmu a p { font-size:12px; text-transform:Uppercase;} 
.about .lft .lanmu img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .lanmu:hover a { color:#fff; background:rgba(38,49,69,0.9);}
.about .lft .lanmu:hover a h3::before,.about .lft .lanmu:hover a h3::after { background:#fff;}
.about .lft .lanmu:hover img { transform:scale(1.1,1.1);}
.about .lft .btn { display:block; width:130px; height:110px; background:#fdd00a url(../images/dq_04.png) no-repeat center center; position:absolute; bottom:0; right:-20px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft .btn:hover { background:#263145 url(../images/dq_04h.png) no-repeat center center;}
.about .img { float:right; width:50%; height:610px; overflow:hidden; background-position:left top; background-repeat:no-repeat; background-size:auto 100%;}

/**公司业务**/
.product { width:100%; padding-top:10px; background:#fff;}
.product .swiper-slide { overflow:hidden;}
.product .swiper-slide a { display:block; width:100%; height:100%; color:#fff; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .swiper-slide a::after { display:block; content:""; width:calc(100% - 40px); height:calc(100% - 40px); border:1px solid #fff; filter:alpha(opacity=0); opacity:0; position:absolute; top:20px; left:20px; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .swiper-slide .msg { width:80%; text-align:center; margin:0 auto; position:relative; z-index:1;}
.product .swiper-slide .msg .tit { padding-top:75%;}
.product .swiper-slide .msg .tit i { display:block; width:20px; height:3px; margin:0 auto; background:#fff;}
.product .swiper-slide .msg .tit p { line-height:35px; font-size:16px; text-transform:Uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product .swiper-slide .msg .tit h3 { line-height:60px; font-weight:500; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product .swiper-slide .msg span { display:block; width:165px; height:25px; line-height:25px; font-size:14px; text-transform:Uppercase; margin:90% auto 0 auto; background:url(../images/dq_05.png) no-repeat center center;}
.product .swiper-slide img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .swiper-slide:hover a { color:#263145; background:rgba(253,208,10,0.95);}
.product .swiper-slide:hover a::after { filter:alpha(opacity=100); opacity:1;}
.product .swiper-slide:hover .msg .tit i { background:#263145;}
.product .swiper-slide:hover .msg span { background-image:url(../images/dq_05h.png);}
.product .swiper-slide:hover img { transform:scale(1.1,1.1);}
.product .swiper-button-prev,.product .swiper-button-next { display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; background:rgba(255,255,255,0.1); top:58%; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .swiper-button-prev::after,.product .swiper-button-next::after { display:block; content:""; width:20px; height:20px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product .swiper-button-prev::after { border-bottom:2px solid rgba(255,255,255,0.5); border-left:2px solid rgba(255,255,255,0.5); left:33px;}
.product .swiper-button-next::after { border-top:2px solid rgba(255,255,255,0.5); border-right:2px solid rgba(255,255,255,0.5); right:33px;}
.product .swiper-button-disabled { filter:alpha(opacity=60); opacity:0.6;}
.product .swiper-button-prev:hover,.product .swiper-button-next:hover { border-color:#fff;}
.product .swiper-button-prev:hover::after,.product .swiper-button-next:hover::after { border-color:#fff;}

/**新闻中心**/
.news { width:100%; padding:10px 0 25px 0; background:#fff;}
.news li { margin-bottom:25px; padding:15px; border:20px solid #f8f8f8; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li a { display:block; width:100%;}
.news li .img { float:left; width:370px; height:210px; overflow:hidden;}
.news li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .msg { float:right; width:820px; padding-top:15px;}
.news li .msg h3 { line-height:55px; font-weight:500; font-size:24px; color:#263145; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .msg p { line-height:30px; font-size:18px; color:#999;}
.news li .msg span { display:block; line-height:25px; font-size:16px; color:#263145; margin-top:30px; background:url(../images/dq_06.png) no-repeat 70px center;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li:hover { border-color:#fdd00a;}
.news li:hover .img img { transform:scale(1.1,1.1);}
.news .more { display:block; width:140px; height:60px; line-height:60px; font-size:16px; color:#333; padding-left:40px; margin:0 auto; border-radius:30px; background:#fdd00a url(../images/dq_02.png) no-repeat 110px center;}
.news .more:hover { box-shadow:0 0 20px rgba(253,208,10,0.8);}

/**解决方案**/
.solution { width:100%; padding-top:10px; height:780px; background:url(../images/dq_07.jpg) no-repeat center top; position:relative;}
.solution .tits h3,.solution .tits p { text-align:right; color:#fff;}
.solution .top { float:right; width:650px;}
.solution .top .msg { display:block; width:100%; line-height:35px; font-size:18px; color:#fff; text-align:justify; letter-spacing:1px;}
.solution .top a { display:block; float:right; width:115px; height:40px; line-height:40px; font-size:14px; color:#263145; margin-top:50px; padding:0 25px; border-radius:20px; background:url(../images/dq_06.png) #fdd00a no-repeat 115px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .top a:hover { box-shadow:0 5px 30px rgba(253,208,10,0.6);}
.solution .solulist { width:100%; position:absolute; bottom:0;}
.solution .swiper-slide a { display:block; color:#fff; text-align:center; padding:85px 10% 75px 10%; background:rgba(38,49,69,0.8); position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-slide a::after { display:block; content:""; width:1px; height:100%; filter:alpha(opacity=15); opacity:0.15; background:#fff; position:absolute; right:0; top:0;}
.solution .swiper-slide a i { display:block; width:45px; height:45px; margin:0 auto;}
.solution .swiper-slide a i img { display:block; width:100%; filter:grayscale(100) brightness(100);}
.solution .swiper-slide a h3 { line-height:80px; font-size:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-slide a p { display:block; width:165px; height:25px; line-height:25px; font-size:14px; text-transform:Uppercase; margin:45px auto 0 auto; background:url(../images/dq_05.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-slide:hover a { color:#263145; background:rgba(253,208,10,0.95);}
.solution .swiper-slide:hover a i img { filter:grayscale(0%) brightness(0%);}
.solution .swiper-slide:hover a p { background-image:url(../images/dq_05h.png);}
.solution .swiper-button-prev,.solution .swiper-button-next { display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; background:rgba(255,255,255,0.1); top:58%; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-button-prev::after,.solution .swiper-button-next::after { display:block; content:""; width:20px; height:20px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.solution .swiper-button-prev::after { border-bottom:2px solid rgba(255,255,255,0.5); border-left:2px solid rgba(255,255,255,0.5); left:33px;}
.solution .swiper-button-next::after { border-top:2px solid rgba(255,255,255,0.5); border-right:2px solid rgba(255,255,255,0.5); right:33px;}
.solution .swiper-button-disabled { filter:alpha(opacity=0); opacity:0;}
.solution .swiper-button-prev:hover,.solution .swiper-button-next:hover { border-color:#fff;}
.solution .swiper-button-prev:hover::after,.solution .swiper-button-next:hover::after { border-color:#fff;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; margin:60px auto;}
.catnav { height:55px; line-height:55px; overflow:hidden; background:#fff;}
.catnav p { float:left; font-size:12px; color:#666; padding-left:22px; background:url(../images/dq_15.png) no-repeat left 21.5px;}
.catnav p a { color:#666;}
.catnav p a:last-child { color:#263145;}
.catnav .list { float:right;}
.catnav .list li { float:left; width:150px; text-align:center; position:relative;}
.catnav .list li::before,
.catnav .list li::after { display:none; content:""; width:4px; height:4px; margin:auto; border-radius:50%; background:#fff; position:absolute; top:0; bottom:0; z-index:0;}
.catnav .list li::before { left:25px;}
.catnav .list li::after { right:25px;}

.catnav .list li a { display:block; width:100%; font-size:16px; color:#333; position:relative; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav .list li:hover,.catnav .list  .on { background:#263145;}
.catnav .list li:hover::before,.catnav .list li:hover::after,.catnav .list .on::before,.catnav .list .on::after { display:block;}
.catnav .list li:hover a,.catnav .list  .on a { color:#fff;}

/*详情页公用*/
.lh { font-size:16px; line-height:35px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1220px; margin:30px auto; padding:40px; overflow:hidden; background:#fff;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#263145;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; padding:20px 0;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#333; cursor:pointer; border:1px solid #666;}
.scott li:hover span,.scott li:hover a,.scott .active span { background:#252525;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*简介单页*/
.abouts { width:100%;}
.abouts .top { width:100%;}
.abouts .top .img { float:left; width:505px; height:320px; position:relative;}
.abouts .top .img::after { display:block; content:""; width:470px; height:310px; border:2px solid #ddd; position:absolute; right:-25px; bottom:-30px; z-index:1;}
.abouts .top .img img { display:block; width:100%; position:relative; z-index:2;}
.abouts .top .msg { float:right; width:700px; padding-top:15px;}
.abouts .top .msg h3 { line-height:25px; font-size:18px; color:#000; margin-bottom:15px; padding-left:20px; letter-spacing:1px;}
.abouts .top .msg h3 p { font-weight:500; font-size:14px; color:#666; letter-spacing:0.5px;}
.abouts .top .msg .lh { font-size:14px; color:#666;}
.abouts .mumber { width:100%; margin:50px auto; border:1px solid #ddd;}
.abouts .mumber li { float:left; width:calc(100% / 3); color:#666; text-align:center; padding:20px 40px; box-sizing:border-box; position:relative;}
.abouts .mumber li::after { display:block; content:""; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:0;}
.abouts .mumber li:last-child::after { display:none;}
.abouts .mumber li h3 { line-height:55px; font-size:36px; color:#263145;}
.abouts .mumber li p { font-size:12px; color:#999; text-align:center;}
.abouts .compdwei { width:100%; padding:1px 0;}
.abouts .compdwei li { float:left; width:175px; height:120px; color:#fff; text-align:center; margin:0 50px; padding-top:55px; border:10px solid #fed009; border-radius:50%; overflow:hidden; background:#263145;}
.abouts .compdwei li h3 { line-height:50px; font-size:32px;}
.abouts .compdwei li p { font-size:12px; text-transform:Uppercase;}
.abouts .compdwei h4 { width:700px; line-height:40px; font-size:18px; color:#333; text-align:center; margin:50px auto 30px auto;}
.abouts .compdwei h4 span { color:#df223e;}
.abouts .compdwei h2 { width:460px; height:55px; line-height:55px; font-weight:500; font-size:28px; color:#fff; text-align:center; margin:0 auto; background:#ed7d31; position:relative;}
.abouts .compdwei h2::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:0 8px 9px 8px; border-color:transparent transparent #ed7d31 transparent; position:absolute; left:0; right:0; bottom:-25px;}
.abouts .compdwei .list { width:985px; margin:25px auto; position:relative;}
.abouts .compdwei .list::after { display:block; content:""; width:88%; height:2px; margin:auto; background:#ed7d31; position:absolute; left:0; right:0; top:0;}
.abouts .compdwei .list span { display:inline-block; width:90px; height:50px; line-height:50px; font-size:22px; color:#fff; text-align:center; margin:35px 15px; background:#263145; position:relative;}
.abouts .compdwei .list span::after { display:block; content:""; width:2px; height:30px; margin:auto; background:#ed7d31; position:absolute; left:0; right:0; top:-35px;}
.abouts .keymsg { width:100%;}
.abouts .keymsg li { float:left; margin-top:40px; padding:35px 40px 15px 40px; border:2px solid #ff8000; background:#fff; position:relative;}
.abouts .keymsg li h3 { width:140px; height:55px; line-height:50px; font-weight:500; font-size:28px; color:#fff; padding:0 25px 0 45px; border-radius:10px; overflow:hidden; position:absolute; left:10px; top:-30px; z-index:1;}
.abouts .keymsg li h3::after { display:block; content:""; width:12px; height:12px; border-radius:50%; background:#fff; position:absolute; left:25px; top:22px;}
.abouts .keymsg li p { line-height:35px; font-size:18px; color:#333; padding-left:25px; position:relative;}
.abouts .keymsg li p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#333; position:absolute; left:0; top:16.5px;}
.abouts .keymsg .key1 { width:215px;}
.abouts .keymsg .key1 h3 { background:#c00000;}
.abouts .keymsg .key2 { width:545px; margin-left:24px; margin-right:24px;}
.abouts .keymsg .key2 h3 { background:#c55a11;}
.abouts .keymsg .key3 { width:240px;}
.abouts .keymsg .key3 h3 { background:#ff8000;}

/*产品列表*/
.prolist { width:100%; padding-bottom:60px;}
.prolist .swiper-slide { overflow:hidden;}
.prolist .swiper-slide a { display:block; width:100%; height:100%; color:#fff; background:rgba(38,49,69,0.8); position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist .swiper-slide a::after { display:block; content:""; width:calc(100% - 40px); height:calc(100% - 40px); border:1px solid #fff; filter:alpha(opacity=0); opacity:0; position:absolute; top:20px; left:20px; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist .swiper-slide .msg { width:80%; text-align:center; margin:0 auto; position:relative; z-index:1;}
.prolist .swiper-slide .msg .tit { padding-top:68%;}
.prolist .swiper-slide .msg .tit i { display:block; width:20px; height:3px; margin:0 auto; background:#fff;}
.prolist .swiper-slide .msg .tit p { line-height:35px; font-size:16px; text-transform:Uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist .swiper-slide .msg .tit h3 { line-height:60px; font-weight:500; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist .swiper-slide .msg span { display:block; width:165px; height:25px; line-height:25px; font-size:14px; text-transform:Uppercase; margin:85% auto 0 auto; background:url(../images/dq_05.png) no-repeat center center;}
.prolist .swiper-slide img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist .swiper-slide:hover a { color:#263145; background:rgba(253,208,10,0.95);}
.prolist .swiper-slide:hover a::after { filter:alpha(opacity=100); opacity:1;}
.prolist .swiper-slide:hover .msg .tit i { background:#263145;}
.prolist .swiper-slide:hover .msg span { background-image:url(../images/dq_05h.png);}
.prolist .swiper-slide:hover img { transform:scale(1.1,1.1);}
.prolist .swiper-pagination-bullets { bottom:0;}
.prolist .swiper-pagination-bullet { width:15px; height:15px;}
.prolist .swiper-pagination-bullet-active { background:#263145;}
.prolist .swiper-button-next,.prolist .swiper-button-prev { width:40px; height:80px; background:#fdd00a; left:auto;}
.prolist .swiper-button-next::after,.prolist .swiper-button-prev::after { font-size:28px; color:#333; text-align:center;}
.prolist .swiper-button-next { padding-left:5px; right:0;}
.prolist .swiper-button-prev { padding-right:5px; left:0;}

/*新闻列表*/
.newtop { width:100%;}
.newtop .lft { float:left; width:790px; height:285px;}
.newtop .lft a { display:block; width:100%;}
.newtop .lft .img { float:left; width:510px; height:285px; border:5px solid #fff; overflow:hidden;}
.newtop .lft .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft .msg { float:right; width:215px; height:219px; padding:33px 25px; border:5px solid #fff; border-left:none; overflow:hidden;}
.newtop .lft .msg h3 { line-height:30px; font-size:16px; color:#333;}
.newtop .lft .msg p { line-height:25px; font-size:12px; color:#666; margin:20px 0 30px 0;}
.newtop .lft .msg span { display:block; width:105px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; background:#263145; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft:hover .img img { transform:scale(1.1,1.1);}
.newtop .lft:hover .msg span { color:#263145; border-radius:17.5px; background:#fdd00a;}
.newtop .rgt { float:right; width:490px;}
.newtop .rgt li { height:90px; padding:20px; margin-bottom:15px; border:5px solid #fff; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .rgt li:last-child { margin-bottom:0;}
.newtop .rgt li a { display:block; width:100%;}
.newtop .rgt li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newtop .rgt li p { line-height:25px; font-size:12px; color:#666; margin-top:15px;}
.newtop .rgt li:hover { background:#fff;}
.newtop .rgt li:hover h3 { color:#263145;}

/*党建文化*/
.gallery { width:100%;}
.gallery a { display:block; width:100%;}
.gallery .bd { float:left; width:610px; height:345px; overflow:hidden;}
.gallery .bd li { width:610px; height:345px; overflow:hidden;}
.gallery .bd li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gallery .bd li img:hover { transform:scale(1.1,1.1);}
.gallery .hd { float:right; width:630px;}
.gallery .hd li { padding:15px 0; border-bottom:1px solid #ddd; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.gallery .hd li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery .hd li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery .hd li:hover,.gallery .hd .on { padding:15px 25px; box-shadow:0 0 10px rgba(0,0,0,0.05); background:#fff;}
.gallery .hd li:hover::after,.gallery .hd .on::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color: transparent #fff transparent transparent; position:absolute; left:-10px; bottom:30px;}

.staffs { width:100%; padding:15px 0 60px 0; background:#fff;}
.staffs .hd { width:100%; text-align:center; margin-bottom:30px;}
.staffs .hd li { display:inline-block; height:40px; line-height:40px; font-size:16px; color:#666; margin:0 10px; padding:0 20px; border:1px solid #ddd; border-radius:20px; cursor:pointer;}
.staffs .hd li:hover,.staffs .hd .on { color:#263145; border-color:#fed009; background:#fed009;}
.staffs .bd { width:100%; overflow:hidden;}
.staffs .bd .lst { width:100%; background:#fff;}
.staffs .bd .lst li { float:left; width:410px; margin:0 35px 30px 0; overflow:hidden; position:relative;}
.staffs .bd .lst li:nth-child(3n) { margin-right:0;}
.staffs .bd .lst li a { display:block; width:100%;}
.staffs .bd .lst li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.staffs .bd .lst li p { width:95%; height:55px; line-height:55px; font-size:16px; color:#fff; text-align:center; padding:0 2.5%; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:-55px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.staffs .bd .lst li:hover p { bottom:0;}
.staffs .bd .lst li:hover img { transform:scale(1.1,1.1);}
.gallery .more,.staffs .more { display:block; width:115px; height:40px; line-height:40px; font-size:14px; color:#263145; padding:0 25px; margin:30px auto; border-radius:20px; background:#fdd00a url(../images/dq_06.png) no-repeat 115px center;}
.gallery .more:hover,.staffs .more:hover { box-shadow:0 5px 30px rgba(253,208,10,0.6);}

/*解决方案*/
.case { width:100%;}
.case li { float:left; width:420px; margin:0 20px 20px 0;}
.case li:nth-child(3n) { margin-right:0;}
.case li a { display:block; color:#fff; text-align:center; padding:45px 10%; background:#263145; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li a::after { display:block; content:""; width:1px; height:100%; filter:alpha(opacity=15); opacity:0.15; background:#fff; position:absolute; right:0; top:0;}
.case li a i { display:block; width:45px; height:45px; margin:0 auto;}
.case li a i img { display:block; width:100%; filter:grayscale(100) brightness(100);}
.case li a h3 { line-height:80px; font-size:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li a p { display:block; width:165px; height:25px; line-height:25px; font-size:14px; text-transform:Uppercase; margin:45px auto 0 auto; background:url(../images/dq_05.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li:hover a { color:#263145; background:rgba(253,208,10,0.95);}
.case li:hover a i img { filter:grayscale(0%) brightness(0%);}
.case li:hover a p { background-image:url(../images/dq_05h.png);}

/*联系我们*/
.contact { width:100%;}
.contact .lft,.contact .meg { float:left; width:615px; margin-bottom:40px;}
.contact .lft h3 { line-height:25px; font-size:20px; color:#333;}
.contact .lft h3 span,.contact .meg h3 span { display:block; font-weight:500; font-size:12px; color:#666; text-transform:Uppercase;}
.contact .lft .msg { line-height:25px; font-size:12px; color:#666; margin:20px 0 50px 0;}
.contact .lft li { height:60px; padding-left:75px; margin-bottom:40px;}
.contact .lft li span { display:block; line-height:30px; font-size:14px; color:#666;}
.contact .lft li p { font-size:12px; color:#666;}
.contact .lft li p b { font-size:16px; color:#333;}
.contact .lft .tel { background:url(../images/dq_16.png) no-repeat left center;}
.contact .lft .addr { background:url(../images/dq_17.png) no-repeat left center;}
.contact .lft .emil { background:url(../images/dq_18.png) no-repeat left center;}

.contact .meg h3 { line-height:30px; font-size:26px;}
.contact .meg p { line-height:30px; font-size:16px; color:#333; margin-top:15px;}
.contact .meg h2 { font-size:20px; color:#333; margin:25px 0 30px 0;}
.contact .meg h1 { line-height:50px; font-size:28px; margin-bottom:20px;}
.contact .meg .img { width:296px; border:1px solid #ddd; background:#fff;}
.contact .meg .img img { display:block; float:left; width:125px; height:125px; padding:10px; overflow:hidden;}
.contact .meg .img span { display:block; float:right; height:45px; font-size:16px; color:#000; text-align:center; padding:50px 15px; border-left:1px solid #eee;}
.contact .meg .img span i { display:block; line-height:25px; font-style:normal; font-size:12px; color:#999;}
.martop { margin-top:10px;}

.contact .gestbook { float:right; width:590px;}
.contact .gestbook li { float:left; width:280px; margin:0 0 15px 15px;}
.contact .gestbook li input { display:block; width:100%; height:40px; line-height:40px; font-size:12px; color:#999; padding:0 10px; outline:none; border:1px solid #d4d4d1; box-sizing:border-box;}
.contact .gestbook li img { display:inline-block; height:40px; border:1px solid #d4d4d1; box-sizing:border-box; background:#fff;}
.contact .gestbook .wh100 { width:97.4%;}
.contact .gestbook .wh100 textarea { width:100%; line-height:25px; font-family:Microsoft YAHEI; font-size:12px; color:#999; padding:10px; outline:none; border:1px solid #d4d4d1; box-sizing:border-box;}
.contact .gestbook .wh100 input { font-size:14px; color:#fff; border-color:#263145; background:#263145; -webkit-transition:all .5s ease; transition:all .5s ease;}
.contact .gestbook .wh100 input:hover { border-radius:20px;}
.contact .gestbook .tag { width:97.4%; position:relative; position:relative;}
.contact .gestbook .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent; position:absolute; right:10px; top:20px;}
.contact .gestbook .tag select { display:block; width:100%; height:40px; line-height:40px; font-size:12px; color:#999; padding:0 6px; border:1px solid #d4d4d1; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

/*公司业务详情*/
.business { width:100%; margin-top:1px;}
.business .bg { background:#fff;}
.business h1 { line-height:40px; font-size:38px; color:#333; text-align:center; letter-spacing:2px; margin-bottom:60px;}
.business .bus01 { width:100%; padding:80px 0;}
.business .bus01 .img { float:left; width:615px; height:380px; overflow:hidden;}
.business .bus01 .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.business .bus01 .img:hover img { transform:scale(1.1,1.1);}
.business .bus01 .msg { float:right; width:600px; height:350px; border-bottom:1px solid #999;}
.business .bus01 .msg h3 { line-height:65px; font-weight:500; font-size:60px; color:#333; letter-spacing:5px; margin-bottom:50px; position:relative;}
.business .bus01 .msg h3::after { display:block; content:""; width:20px; height:2px; background:#333; position:absolute; left:0; bottom:-20px;}
.business .bus01 .msg p { line-height:50px; font-size:20px; color:#999;}

.business .bus02 { width:100%; text-align:center; padding-bottom:80px;}
.business .bus02 p { line-height:40px; font-size:20px; color:#888; padding:0 9%; margin:0 auto;}
.business .bus02 p b { color:#333;}
.business .bus02 .tabs { width:15%; line-height:40px; margin:50px auto 40px auto; border-bottom:2px solid #eee;}
.business .bus02 .tabs li { float:left; width:calc(100% / 2); font-size:18px; color:#666; cursor:pointer; position:relative;}
.business .bus02 .tabs li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#333; position:absolute; left:0; right:0; bottom:-2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.business .bus02 .tabs .on { color:#333;}
.business .bus02 .tabs .on::after { width:50%;}
.business .bus02 .busnr { width:100%; overflow:hidden;}
.business .bus02 .busnr img { display:block; width:100%;}

.business .bus04 { width:100%; padding:80px 0;}
.business .bus04 li { margin-top:80px;}
.business .bus04 li .img { display:block; width:650px; height:400px; overflow:hidden;}
.business .bus04 li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.business .bus04 li .img:hover img { transform:scale(1.1,1.1);}
.business .bus04 li .msg { width:600px;}
.business .bus04 li .msg h4 { line-height:40px; font-weight:500; font-size:30px; color:#333; margin-bottom:40px;}
.business .bus04 li .msg p { line-height:40px; font-size:18px; color:#888;}
.business .bus04 li .msg p b { color:#333;}

.business .bus03,.business .bus05 { padding:80px 0;}
.business .bus05 .tabs { width:25%;}
.business .bus05 .tabs li { width:calc(100% / 3);}
.business .bus05 .tabs li { width:calc(100% / 3);}
.business .bus05 .swiper-pagination-bullets { bottom:0;}
.business .bus05 .swiper-pagination-bullet { width:10px; height:10px;}
.business .bus05 .swiper-pagination-bullet-active { background:#263145;}
.business .bus03 p,.business .bus05 p { line-height:40px; font-size:16px; color:#888; letter-spacing:1px; padding:0 15%; margin:30px auto 0 auto;}
.business .bus06 { padding-top:80px;}
.business .bus06 .tabs { width:60%;}
.business .bus06 .tabs li { width:calc(100% / 5);}